<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<!-- css -->
<link rel="stylesheet" href="jquery/jquery.mobile-1.2.0.css">
<!-- jquery -->
<script type="text/javascript" src="jquery/jquery.js"></script>
<!-- jquery mobile-->
<script type="text/javascript" src="jquery/jquery.mobile-1.2.0.js"></script>
<script type="text/javascript">
	
</script>

</head>
<body>
	<div data-role="page" id="first">
		<div data-role="header">
			<h1>Header</h1>
		</div>
		<div data-role="content">
			<ul data-role="listview">
				<li><a href="#second">SeconPage</a></li>
				<li>ListItem2</li>
				<li>ListItem3</li>

			</ul>
		</div>
		<div data-role="footer">
			<h1>Footer</h1>
		</div>

	</div>

	<div data-role="page" id="second">
		<div data-role="header">
			<h1>Header2</h1>
		</div>
		<div data-role="content">
			<ul data-role="listview">
				<li><a>ListItem1</a></li>
				<li>ListItem2</li>
				<li>ListItem3</li>

			</ul>
		</div>
		<div data-role="footer">
			<h1>Footer2</h1>
		</div>
		

	</div>
</body>
</html>